<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
      
<h:head>
	<title>Crea Pacchetto Personalizzato</title>
</h:head>
<h:body>
<div id="spaziatura">
<full_page id="main">
	<!-- 		HEADER -->
			<div>
						<img src="../resources/Images/Banner.png" id="bannerTop"></img>
			</div>
			<!-- 		HEADER -->
			<div>
						<img src="../resources/Images/Banner_piccolo.png" id="bannerBottom_sx"></img>
			</div>

			<div>
						<img src="../resources/Images/Logo_td_big.png" id="logoTD"></img>
			</div>

			<div>
						<img src="../resources/Images/Banner_piccolo_dx.png" id="bannerBottom_dx"></img>
			</div>
			
			<div>
						<img src="../resources/Images/Bg.png" id="background"></img>
			</div>
			
			
			
		<!--TITOLO E SOTTOTITOLO-->
		<title_box>
		<title_TD>TravelDream</title_TD>
		</title_box>
		<!--FINE TITOLO E SOTTOTITOLO-->
		
		    <box_login>
				<yellow_text id="topRightReg">User Section</yellow_text>
      		</box_login>
     
     <full_page id="demiPageSmall_personalizzato">

<!-- 	MENUBAR -->

	<p:menubar autoDisplay="false">
			<p:menuitem value="Compra Pacchetto Predefinito" url="SelPacchettoPred.xhtml"/>
		<p:submenu label="Crea Pacchetto Personalizzato">
			<p:menuitem value="Parti da un pacchetto predefinito" url="PPers.xhtml"/>
			<p:menuitem value="Parti da zero" url="creaPPers.xhtml"/>
		</p:submenu>
			<p:menuitem value="Pacchetti Acquistati" url="ViewPacComprato.xhtml"/>
			<p:menuitem value="Gift List" url="ViewPacGL.xhtml"/>
			<p:menuitem value="Fai Un Regalo!" url="regalaGL.xhtml"/>
			<p:menuitem value="Home" url="index.xhtml"/>
	</p:menubar>
	
<!-- 	MENUBAR -->
     
	
	<h:form onsubmit="#{CreaPers.start()}, #{CreaPers.retrievePacchetto()}">
	 <p:growl id="growl" showDetail="true" sticky="true" />
		<p:panel header="Crea Pacchetto Personalizzato" onsubmit="#{CreaPers.start()}">
			<h:panelGrid id="PPGrid" columns="3">

						<p:outputLabel for="pacchetto" value="Seleziona Pacchetto" />
					
						<p:selectOneMenu id="pacchetto" value="#{CreaPers.idPacchetto}" effect="fade">

							<f:selectItem itemLabel="Seleziona il pacchetto da cui partire" itemValue="" />
							<f:selectItems value="#{CreaPers.listaPacchetto}" var="PacchettoDTO" itemLabel="#{PacchettoDTO.nome} a #{PacchettoDTO.citta}" itemValue="#{PacchettoDTO.id}" />
							<p:ajax update="hotel" listener="#{CreaPers.selectHotel()}" />
							<p:ajax update="mezzoA" listener="#{CreaPers.selectMezzi()}" />
							<p:ajax update="mezzoR" />
							<p:ajax update="data_Partenza" listener="#{CreaPers.selectDate()}" />
							<p:ajax update="data_Ritorno" />
							<p:ajax update="escursione" listener="#{CreaPers.selectEscursione()}"/>

						</p:selectOneMenu>

							<p:message for="pacchetto" />
					
						<p:outputLabel for="mezzoA" value="Andata" />
					
						<p:selectOneMenu id="mezzoA"
							value="#{CreaPers.idMezzoAndataPacchetto}" effect="fade">
							<f:selectItem itemLabel="Scegli un'opzione"
								itemValue="#{CreaPers.idMezzoAndataPacchetto}" />
							<f:selectItems value="#{CreaPers.listaMezzo}" var="MezzoDTO"
								itemLabel="#{MezzoDTO.tipo} #{MezzoDTO.luogoPartenza}-#{MezzoDTO.luogoArrivo} delle #{MezzoDTO.oraPartenza}"
								itemValue="#{MezzoDTO.idMezzo}" />
							<p:ajax event="valueChange" listener="#{CreaPers.aggiornaMezzoAndata()}" />
						</p:selectOneMenu>
			  			<p:message for="mezzoA" />
	
				
							<p:outputLabel for="mezzoR" value="Ritorno" />
					
							<p:selectOneMenu id="mezzoR"
							value="#{CreaPers.idMezzoRitornoPacchetto}" effect="fade">
							<f:selectItem itemLabel="Scegli un'opzione"
								itemValue="#{CreaPers.idMezzoRitornoPacchetto}" />
							<f:selectItems value="#{CreaPers.listaMezzoRitorno}"
								var="MezzoDTO"
								itemLabel="#{MezzoDTO.tipo} #{MezzoDTO.luogoPartenza}-#{MezzoDTO.luogoArrivo} delle #{MezzoDTO.oraPartenza}"
								itemValue="#{MezzoDTO.idMezzo}" />
							<p:ajax event="valueChange" listener="#{CreaPers.aggiornaMezzoRitorno()}" />
						</p:selectOneMenu>
						<p:message for="mezzoR" />

						<p:outputLabel for="hotel" value="Hotel" />

						<p:selectOneMenu id="hotel" value="#{CreaPers.nomeHotelPacchetto}">
							<f:selectItem
								itemLabel="L'hotel del pacchetto è #{CreaPers.nomeHotelPacchetto} se vuoi modificarlo, scegline un altro"
								itemValue="#{CreaPers.nomeHotelPacchetto}" />
							<f:selectItems value="#{CreaPers.listaHotel}" var="HotelDTO"
								itemLabel="#{HotelDTO.nome}" itemValue="#{HotelDTO.nome}" />
						</p:selectOneMenu>
						<p:message for="hotel" />
						
						<p:outputLabel for="data_Partenza" value="Data Partenza" />

						<p:calendar mindate="#{CreaPers.datadiOggi}" readonlyInput="true" pattern="MM/dd/yyyy HH:mm" value="#{CreaPers.dataPartenza}" id="data_Partenza">
							<p:ajax event="dateSelect" update="data_Ritorno"/>
						</p:calendar>
						<p:message for="data_Partenza" />

						<p:outputLabel for="data_Ritorno" value="Data Ritorno" />

						<p:calendar pattern="MM/dd/yyyy HH:mm" readonlyInput="true"
							value="#{CreaPers.dataRitorno}" id="data_Ritorno"
							mindate="#{CreaPers.dataPartenza}" />

						<p:message for="data_Ritorno" />


						<p:outputLabel for="numeroPersone" value="Numero Persone" />

						<p:selectOneMenu id="numeroPersone"
							value="#{CreaPers.numeroPersone}">
							<f:selectItem
								itemLabel="Seleziona il numero di persone che parteciperanno al viaggio"
								itemValue="" />
							<f:selectItem itemLabel="1" itemValue="1" />
							<f:selectItem itemLabel="2" itemValue="2" />
							<f:selectItem itemLabel="3" itemValue="3" />
							<f:selectItem itemLabel="4" itemValue="4" />
							<f:selectItem itemLabel="5" itemValue="5" />
							<f:selectItem itemLabel="6" itemValue="6" />
							<f:selectItem itemLabel="7" itemValue="7" />
							<f:selectItem itemLabel="8" itemValue="8" />
							<f:selectItem itemLabel="9" itemValue="9" />
							<f:selectItem itemLabel="10" itemValue="10" />
						</p:selectOneMenu>
						
						<p:outputLabel />
						<p:outputLabel for="escursione" value="Escursione" />
						
						<p:pickList id="escursione"
							value="#{CreaPers.dualListaEscursione}" var="EscursioneDTO"
							effect="bounce" itemValue="#{EscursioneDTO}"
							itemLabel="#{EscursioneDTO.nome}" converter="escursioneConverter"
							showSourceControls="true" showTargetControls="true"
							showCheckbox="true" showSourceFilter="true"
							showTargetFilter="true" filterMatchMode="contains"
							>

							<f:facet name="sourceCaption">Nel Pacchetto</f:facet>
							<f:facet name="targetCaption">Disponibili a #{CreaPers.cittaPacchetto}</f:facet>
							
							<p:column style="width:75%;">  
 							#{EscursioneDTO.nome} 
							</p:column>
							<p:column style="width:50%;"> 
 							€ #{EscursioneDTO.prezzo}
 							</p:column>
						</p:pickList>

			</h:panelGrid>
		</p:panel>
		 
		<button_selector id="compraPacchetto"><p:commandButton value="Compra pacchetto!" update="growl" action="#{CreaPers.creaPacchettoPersonalizzato()}"/></button_selector>
				<br/><button_selector id="mettiInGL"><p:commandButton value="Metti in Gift List!" update="PPGrid, growl" action="#{CreaPers.aggiungiGiftList()}" /></button_selector>
	
	<p:dialog header="Conferma Pagamenti" widgetVar="confirm" resizable="false"
			id="conferma" showEffect="fade" hideEffect="explode" modal="true">
			
			Procedere col pagamento?
			
			 <p:commandButton id="pagaButtonConfSI" value="SI!" icon="ui-icon-check" title="View" update="growl" action="#{CreaPers.creaPacchettoPersonalizzato()}"/>  
             <p:commandButton id="pagaButtonConfNO" value="NO!" icon="ui-icon-check" title="View" action="#{CreaPers.PagaNo()}"/>  
		</p:dialog>
	
	</h:form>
	
</full_page>	
	
</full_page>
</div>	
<h:outputStylesheet library="css" name="css_rules_plain_links.css" />
 </h:body>

</html>